
    /* 滑动控件容器,灰色背景 */
#dragContainer {
    position: relative;
    display: inline-block;
    background: #e8e8e8;
    width: 300px;
    height: 33px;
    border: 2px solid #e8e8e8;
}
/* 滑块左边部分,绿色背景 */
#dragBg {
    position: absolute;
    background-color: #7ac23c;
    width: 0px;
    height: 100%;
}
/* 滑动验证容器文本 */
#dragText {
    position: absolute;
    width: 100%;
    height: 100%;
    /* 文字水平居中 */
    text-align: center;
    /* 文字垂直居中,这里不能用百分比,因为百分比是相对原始line-height的,而非div高度 */
    line-height: 33px;
    /* 文本不允许选中 */
    user-select: none;
    -webkit-user-select: none;
}
/* 滑块 */
#dragHandler {
    position: absolute;
    width: 40px;
    height: 100%;
    cursor: move;
}
/* 滑块初始背景 */
.dragHandlerBg {
    background: #fff no-repeat center url("");
}
/* 验证成功时的滑块背景 有√*/
.dragHandlerOkBg {
    background: #fff no-repeat center url("");
}
